$(function () {
  //获取categoryid
  var str = location.search;
  var arr = str.split('?');
  var categoryid = arr[1];
  //发送请求，获取数据
  $.get('http://193.112.55.79:9090/api/getproductlist', "?" + categoryid, function (res) {
    //获取分页和总数
    console.log(res);
    
    var pagesize = res.pagesize;
    var totalCount = res.totalCount;
    var htmlStr = template('listTmp', res);
    // 渲染页面
    $('.list_content').html(htmlStr);
    //总页数
    var pagetotle = Math.ceil(totalCount / pagesize);
    //声明变量， 目的是当改变选择框的值的时候，跳转到指定的页面
    var htmlStr;
    var pages; //当前页面
    for (var i = 0; i < pagetotle; i++) {
      pages = i + 1;
    //拼接字符串，生成页面数
      htmlStr += "<option value='" + pages + "'>" + pages + "/" + pagetotle + "</option>";
    }
    // 渲染到select当中
    $(".select").html(htmlStr);
    //给下拉框注册事件，当页面变化时，获取对应的值
    $(".select").on("change", function () {
      //获取categoryid，拼接好字符串，发送请求，拼categoryid
      var str = location.search;
      var arr = str.split('?');
      var categoryid ="?" + arr[1];
      //拼pageid 
      var pagess = "&pageid=" + $(".select").val();
      // console.log(pagess);  &pageid=1
       //发送请求      
      $.ajax({
        url: "http://193.112.55.79:9090/api/getproductlist"+categoryid +pagess,
        dataType:"json",
        success: function (res) {
          // 重新模板化页面
          var htmlStr = template('listTmp', res);
          //渲染页面，跳转到指定的页面
          $('.list_content').html(htmlStr);
        }
      })

    })

    //上一页的跳转
    $('.pre').tap(function(){
      //先获取当前分页的页数
      pages = $(".select").val();
      // console.log(pages);
      //判断分页数是否小于1，是就返回
      if(pages==1){
        return ;
      }
      pages = pages -1 ;
       //拼pageid 
      pagess = "&pageid=" + pages;
      //发送请求，请求数据，重新渲染页面
      $.ajax({
        url: "http://193.112.55.79:9090/api/getproductlist?"+categoryid +pagess,
        dataType:"json",
        success: function (res) {
          // 重新模板化页面
          var htmlStr = template('listTmp', res);
          //渲染页面，跳转到指定的页面
          $('.list_content').html(htmlStr);
        }
      })
      $(".select").val(pages);
    })

    //下一页的跳转
    $('.next').tap(function(){
      //先获取当前分页的页数
      pages = $(".select").val();
      // console.log(typeof pages);
      //判断分页数是否大于最大页数，是就返回
      if(pages==pagetotle){
        return ;
      }
      pages = pages - 1 + 2 ;
       //拼pageid 
      pagess = "&pageid=" + pages;
      //发送请求，请求数据，重新渲染页面
      $.ajax({
        url: "http://193.112.55.79:9090/api/getproductlist?"+categoryid +pagess,
        dataType:"json",
        success: function (res) {
          // 重新模板化页面
          var htmlStr = template('listTmp', res);
          //渲染页面，跳转到指定的页面
          $('.list_content').html(htmlStr);
        }
      })
      $(".select").val(pages);
    })

  }, 'json');

  




})